<%--
  Created by IntelliJ IDEA.
  User: 86185
  Date: 2024/5/24
  Time: 14:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>个人资料</title>
    <meta charset="utf-8">
    <style type="text/css">
        #head_img1 {
            float: left;
            height: 20px;
        }

        #head_img2 {
            float: right;
            height: 20px;
            width: 30px;
        }

        #head_pic {
            height: 50px;
            width: 50px;
            float: left;
        }

        #head_user {
            float: left;
            margin-left: 30px;
            line-height: 25px;
        }

        #head_span2 {
            font-size: 12px;
            color: #b8b8b8;
        }

        .input {
            border: none;
            float: right;
            text-align: right;
            outline: none;
            background-color: transparent;
            margin-top: 10px;
        }

        .img {
            float: right;
            height: 15px;
            margin-top: 10px;
        }
        #head_img {
            margin-top: 30px;

        }
        #head_input {
            line-height: 40px;
        }
        #update {
            margin: 15px 0 0 5px;
            width: 300px;
        }
    </style>
    <script>
        function my_star() {
            window.location.href = "my_likafu/personal.jsp";
        }
    </script>
</head>
<body>
<div id="head">
    <div style="text-align: center">
        <img onclick="my_star()" id="head_img1" src="my_likafu/image/fanhui.png">
        <span>个人资料</span>
        <img id="head_img2" src="my_likafu/image/santiaoheigang.png">
    </div>
    <div>
        <div id="head_img">
            <img id="head_pic" src="my_likafu/image/yonghutouxianghebianxie.png">
            <div id="head_user">
                <span>${user.username}</span><br>
                <span id="head_span2">绑定手机号：${user.phone}</span>
            </div>
        </div>
        <br><br><br><br>
        <div id="head_input">
            昵称<input class="input" type="text" placeholder="${user.username}">
            <hr>
            邮箱<input class="input" type="text" placeholder="${user.email}">
            <hr>
            <img class="img" src="my_likafu/image/suo.png">
            ID号<input class="input" type="text" placeholder="100428" disabled>
            <hr>
            手机号<input class="input" type="text" placeholder="${user.phone}">
            <hr>
            <img class="img" src="my_likafu/image/suo.png">
            密码<input style="margin-right: 90px" class="input" type="text" placeholder="点击修改密码" disabled>
            <hr>
        </div>
    </div>
    <img id="update" src="my_likafu/image/baochunxiugai.png">
</div>
</body>
</html>
